{{define "Title"}}Change Password{{end}}
{{define "Content"}}

<script type=text/javascript src="/js/enterKey.js"></script>

<div class="container-fluid">
<form class="form-horizontal" action="/changepwd" method="POST">
  <fieldset>
    <legend><b>Change Password</b></legend>
    {{if .error}}<div class="alert alert-error"><b>Error: </b>{{.error | html}}</div>
    {{else }}
      {{if .flash}}<div class="alert alert-success"><b>Infomation: </b>{{.flash | html}}</div>{{end}}
    {{end}}
    <div class="control-group">
      <label class="control-label">User&nbsp;</label>
      <div class="control">
        <label class="control-label" for="name" style="font-weight: bold; font-size: 16px; text-align:left; padding-left:10px;">{{.realname | html}}</label>
      </div>
    </div>
    <div class="control-group">
      <label class="control-label">Old Password&nbsp;</label>
      <div class="control">
        <input type="password" class="input-large" id="oldpassword" name="oldpassword" style="background-color:#FFFFD0;" onkeydown="clicka();"> <b style="color: red">*</b>
      </div>
    </div>
    <div class="control-group">
      <label class="control-label">New Password&nbsp;</label>
      <div class="control">
        <input type="password" class="input-large" id="newpassword" name="newpassword" style="background-color:#FFFFD0;" onkeydown="clicka();"> <b style="color: red">*</b>
      </div>
    </div>
    <div class="control-group">
      <label class="control-label">New Again&nbsp;</label>
      <div class="control">
        <input type="password" class="input-large" id="newpassword2" name="newpassword2" style="background-color:#FFFFD0;"> <b style="color: red">*</b>
      </div>
    </div>
    <div class="form-actions">
      <button type="submit" class="btn btn-primary">Change</button>
    </div>
  </fieldset>
</form>
</div>

{{end}}